
<%@ page
	import="com.sapienter.jbilling.server.user.UserDTOEx; com.sapienter.jbilling.server.user.contact.db.ContactTypeDTO; com.sapienter.jbilling.server.user.db.CompanyDTO; com.sapienter.jbilling.server.user.permisson.db.RoleDTO; com.sapienter.jbilling.common.Constants; com.sapienter.jbilling.server.util.db.LanguageDTO"%>
<%@ page import="com.sapienter.jbilling.server.util.db.EnumerationDTO"%>

<html>
<head>
<meta name="layout" content="main" />

<r:script disposition="head">
        $(document).ready(function() {
            $('#contactType').change(function() {
                var selected = $('#contact-' + $(this).val());
                $(selected).show();
                $('div.contact').not(selected).hide();
            }).change();
            var validator = $('#user-edit-form').validate();
            validator.init();
            validator.hideErrors();
        });
    </r:script>
 <style type="text/css">
 #main{padding-bottom: 20px !important}
 
 </style>   
</head>
<body>
	<div class="form-edit">
		<div class="heading">
			<strong>New Customer TopUp</strong>
		</div>

		<div class="form-hold">
			<form id="user-edit-form" name="user-edit-form" method="post"
				action="/jbilling/customer/save" novalidate="novalidate">
				<fieldset>
					<div class="form-columns">

						<!-- user details column -->
						<div class="column">
							
							<div class="row">
								<label for="user.userName">Account</label>
								<div class="inp-bg ">
									<input type="text" id="user.userName" value=""
										name="user.userName" class="field">
								</div>
							</div>

							<div class="row">
								<label for="user.autoRechargeAsDecimal">Amount</label>
								<div class="inp-bg ">
									<input type="text" id="user.autoRechargeAsDecimal" value=""
										name="user.autoRechargeAsDecimal" class="field">
								</div>
							</div>
							
							<div class="row">
								<label for="user.invoiceDeliveryMethodId">Currency</label> 
								<select id="user.invoiceDeliveryMethodId"
									name="user.invoiceDeliveryMethodId">
									<option value="1">E-mail</option>
									<option value="2">Paper</option>
									<option value="3">E-mail &amp; Paper</option>
								</select>

							</div>
						</div>

						<div class="column">

							<div class="row">
								<label for="user.dueDateValue">Transaction ID</label> <span>

									<div class="inp-bg inp">
										<input type="text" id="user.autoRechargeAsDecimal" value=""
										name="user.autoRechargeAsDecimal" class="field">
									</div>
								</span>
							</div>

							<div class="row">
								<label for="mainSubscription.nextInvoiceDayOfPeriod">Transaction Text</label>

								<div class="inp-bg inp">
									<input type="text" id="mainSubscription.nextInvoiceDayOfPeriod"
										size="3" maxlength="4" value=""
										name="mainSubscription.nextInvoiceDayOfPeriod" class="field">
								</div>

							</div>

						</div>
					</div>

					<!-- spacer -->
					<div>
						<br>&nbsp;
					</div>
		</div>


	</div>
	</div>
	</div>



	<div class="buttons">
		<ul>
			<li><a class="submit save"
				onclick="$('#user-edit-form').submit()"><span>Save
						Changes</span></a></li>
			<li><a class="submit cancel" href="${request.contextPath}/CustomerTopUp/"><span>Cancel</span></a>
			</li>
		</ul>
	</div>

	</fieldset>
	</form>
	</div>
	</div>
</body>
</html>
